<template>
  <div style="width:90px;height:60px;position: absolute;left:0;top:0;transform-origin: 0 0;background-color: #fff;pointer-events: none;"
       :style='{transform:"scale("+zoom+","+zoom+") translate(-90%,-33%)"}'>
    <svg width="90" height="60" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 60">
      <path fill="currentColor" d="M0,0 L0,60 L90,30 z"/>
    </svg>
  </div>
</template>
<script setup lang="ts">
//绘制一个向右的箭头
import {ref} from "vue";

const props = defineProps<{
  size: 20
}>();
const baseHeight = 60
const zoom = ref((props.size * 3) / baseHeight)
</script>
